<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/layout.css">
    <link rel="stylesheet" href="css/login.css"><!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"><!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css"><!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <link rel="stylesheet" href="css/buyervip.css">
    <title>有利后台管理</title>
  </head>
</html>
<body><!-- navbar -->
  <div class="head navbar-fixed-top">
    <div class="head-nav navbar-fixed-top">
      <nav class="navbar navbar-default">
        <div class="container-fluid">
          <div class="navbar-header"><a href="#" class="navbar-brand"><img alt="Brand" src="images/logo.png"></a></div>
          <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
              <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">系统管理<span class="caret"></span></a>
                <ul role="menu" class="dropdown-menu">
                  <li><a href="#">管理员管理</a></li>
                  <li><a href="#">权限组管理</a></li>
                </ul>
              </li>
              <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">系统日记 <span class="caret"></span></a>
                <ul role="menu" class="dropdown-menu">
                  <li><a href="#">后台登陆日记</a></li>
                  <li><a href="#">后台操作日记</a></li>
                </ul>
              </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
              <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">刘廉生 <img src="images/jiantou.png"></a>
                <ul role="menu" class="dropdown-menu">
                  <li><a href="#">修改密码    </a></li>
                  <li><a href="#"></a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </div>
  </div>
  <div class="main">
    <h4 class="h4-fonts"><a href="#">首页 / </a><a href="#">账号系统 / </a><a href="#">账号系统 </a></h4>
    <div class="pannel panel-primary">
      <div class="panel-heading">买家会员</div>
      <div class="panel-body">
        <div>
          <div class="search-box">
            <label for="search">
              <div class="search-icon"></div>
              <input type="text" id="search" name="search" placeholder="请输入买家名称" class="search">
            </label>
          </div>
          <table>
            <thead>
              <tr>
                <td class="num">序号</td>
                <td class="vipnum">会员编号</td>
                <td class="vipname">会员名称</td>
                <td class="vipadr">地址</td>
                <td class="time">注册时间</td>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>123456789</td>
                <td>流浪是屌丝xdgdfgdfg</td>
                <td>丽原天际</td>
                <td>14-03-31 14:05:37</td>
              </tr>
              <tr>
                <td>2</td>
                <td>123456789</td>
                <td>流浪是屌dfgdfg丝</td>
                <td>丽原天际</td>
                <td>14-03-31 14:05:37</td>
              </tr>
              <tr>
                <td>3</td>
                <td>123456789</td>
                <td>流浪是adfg屌丝</td>
                <td>丽原天dfg际</td>
                <td>14-03-31 14:05:37</td>
              </tr>
              <tr>
                <td>4</td>
                <td>123456789</td>
                <td>流浪是屌丝</td>
                <td>丽原adfgdfgdfgadfgadfg天际</td>
                <td>14-03-31 14:05:37</td>
              </tr>
              <tr>
                <td>5</td>
                <td>123456789</td>
                <td>流浪是屌丝</td>
                <td>丽原天际</td>
                <td>14-03-31 14:05:37</td>
              </tr>
              <tr>
                <td>6</td>
                <td>123456789</td>
                <td>流浪是屌丝</td>
                <td>丽原天际</td>
                <td>14-03-31 14:05:37</td>
              </tr>
              <tr>
                <td>7</td>
                <td>123456789</td>
                <td>流浪是屌丝</td>
                <td>丽原天际</td>
                <td>14-03-31 14:05:37</td>
              </tr>
              <tr>
                <td>8</td>
                <td>123456789</td>
                <td>流浪是屌丝</td>
                <td>丽原天际</td>
                <td>14-03-31 14:05:37</td>
              </tr>
              <tr>
                <td>9</td>
                <td>123456789</td>
                <td>流浪是屌丝</td>
                <td>丽原天际</td>
                <td>14-03-31 14:05:37</td>
              </tr>
              <tr>
                <td>10</td>
                <td>123456789</td>
                <td>流浪是屌丝</td>
                <td>丽原天际</td>
                <td>14-03-31 14:05:37</td>
              </tr>
              <tr>
                <td>11</td>
                <td>123456789</td>
                <td>流浪是屌丝</td>
                <td>丽原天际</td>
                <td>14-03-31 14:05:37</td>
              </tr>
              <tr>
                <td>12</td>
                <td>123456789</td>
                <td>流浪是屌丝</td>
                <td>丽原天际</td>
                <td>14-03-31 14:05:37</td>
              </tr>
            </tbody>
          </table>
          <!--单页数据30条信息，超过30条进行分页显示-->
          <div class="small-button">
            <button class="pre-but"><</button>
            <button>1</button>
            <button>2</button>
            <button>3</button>
            <button>4</button>
            <button>5</button>
            <button>6</button>
            <button>7</button>
            <button>8</button>
            <button class="next-but">></button>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
  <script src="js/login.js"></script>
</body>